<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=640, maximum-scale=1">
    <title>云平台 － 登录</title>
    <link rel="icon" href="img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="/static/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/static/css/login.css">
</head>

<body>
<div class="header">
    <div class="container">
        <!-- logo -->
        <div class="header-logo"><a href="/" target="_blank"><i
                class="i_header_logo"></i></a>
        </div>
        <!-- nav -->
        <div class="header-enter">
            <span class="btn-header-regist"><a href="/register">注册</a></span>
        </div>
    </div>
</div>
<div id="page-wrapper">
    <div class="position">
        <div class="login-panel">
            <form method="post" action="" id="loginForm">
                <div id="form" class="form" style="display: block;">
                    <h2>共喜财富通行证</h2>
                    <a href="#" target="_blank">
                        <div class="logo"></div>
                    </a>

                    <div action="" method="post" id="loginForm" onsubmit="return loginSubmit();">
                        <div class="login_form">
                            <form action="/login" method="post" class="ng-pristine ng-valid">
                                {{ form.csrf_token }}
                                <div class="loginIpt">
                                    <div class="input ipt-name">
                                        <span class="icon icon-user"></span>
                                        <input type="text" name="username" id="account" placeholder="用户名/手机号"
                                               maxlength="40" autofocus/>
                                        <span class="icon icon-close"></span>
                                    </div>
                                    <div class="input">
                                        <span class="icon icon-password"></span>
                                        <input type="password" name="password" id="password" placeholder="请输入密码"
                                               maxlength="20"/>
                                        <span class="icon icon-close"></span>
                                    </div>

                                    <input type="hidden" name="RelayState" id="relaystate"/>
                                </div>
                            </form>

                            <div class="error-message">
                                {% if login_error ==1 %}

                                <div id="errorMsg">
                                    用户名或密码错误！
                                </div>
                                {% endif %}
                                <input class="float-left" type="checkbox" name="checkbtn"><span
                                    class="remember float-left line-height-18">记住我</span>
                                <a class="line-height-18"
                                   href="/retrievePwd/">忘记密码？</a>
                                <a class="fr sm-hidden" href="#">&nbsp;&nbsp;</a>
                                <a class="sm-hidden line-height-18"
                                   href="/register">注册</a>
                            </div>
                            <div class="action">
                                <button type="submit" id="btnLogin">登&nbsp;录</button>
                                <input type="submit" value="登录"
                                       style="display:block;overflow:hidden;visibility: hidden;width:0px;height:0px;position:absolute"/>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            <span id="to-code" class="icon icon-code to-code" style="display: none;"></span>
        </div>
    </div>
</div>
<div class="login_tips">*通联资管云平台、共喜财富商城、众投工场都是共喜财富旗下互联网服务，使用共喜财富通行证或企业账号进行登录。</div>
</div>
<div class="footer-bottom">
    <p>
        <span>© 2015 <a href="/" target="_blank" class="agreement-link" target="_blank">共喜财富</a></span>
        <a class="icp" href="http://www.miibeian.gov.cn/" target="_blank">沪ICP备13045831号</a>
        <span>咨询热线：4000 820 386</span>
        <a href="#/protocol" target="_blank" class="agreement-link">用户协议</a>
    </p>
</div>

</body>

</html>
